//角色管理Tab下的Panel
var role_auth = Ext.create('Ext.panel.Panel', {
	header : false,
	layout : 'border',
	items : [ {
		// xtype: 'panel' implied by default
		title : '角色列表',
		region : 'west',
		// xtype: 'grid',
		margin : '5 5 5 5',
		width : 210,
		collapsible : true, // make collapsible
		overflowX : 'hidden',// 设置横向滚动条不显示
		overflowY : 'auto',// 设置纵向滚动条超出高度显示
		items : [ role_gird ]

	}, {
		title : '角色-权限管理',
		overflowX : 'hidden',// 设置横向滚动条不显示
		overflowY : 'auto',// 设置纵向滚动条超出高度显示
		region : 'center', // center region is required, no width/height
		// specified
		layout : 'fit',
		margin : '5 5 0 0',
		xtype : 'panel',
		id : 'authRoleCenter',
		items : []
	} ]
});

// 用于显示用户信息的tabPanel
var userTabPanel = Ext.create('Ext.tab.Panel', {
	width : 400,
	height : 400,
	items : [ {
		title : '基本信息',
		layout:'fit',
		items : [ userBaseMsgForm ]
	}, {
		title : '赋予角色',
		items : [ {
			xtype : 'grid',
			itemId: 'userHasRolesList',
			header : false,
			store : Ext.data.StoreManager.lookup('roleListStore'),
			columns : [ {
				text : '角色名称',
				dataIndex : 'chineseName',
				flex : 1
			} ],
			selModel : userRoleGridCheckBox
		} ]
	}]
});

//中心界面总的tabTanel
var mainTabPanel=Ext.create('Ext.tab.Panel',{
	items:[
		{
			title: '用户管理',
			layout: 'fit',
			items:[userList]
		},
		{
			title: '角色管理',
			layout: 'fit',
			items:[role_auth]
		},{
			title: '权限管理',
			layout: 'fit',
			items:[authList]
		}

	]
});